<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>下雪天</title>
	<style>
	* {
		margin: 0;
		padding: 0;
	}
	body{
		background-image:url('images/snow_bk.png');
		background-size:cover;
		background-repeat: no-repeat;
		background-color:#222;
		position: relative;
		width:100%;
		/*height: auto;*/
	    }

	#code{
		position:fixed;
		left:30%;
		top:20%;
		border-radius: 10px;
		font-size:16px;
		line-height:22px;
		font-weitht:bold;
	}
	#author{
		position: fixed;
		bottom: 10px;
		left: 48%;
	}
	#author a{
		text-decoration: none;}
	.key{
		color:orange;
		font-family:'';
	}
	.comment{
		color:#e6e6e6;
		font-weight: 800;
	}
	</style>
</head>
<body>
	<!-- 代码部分begin -->
	 <div id="code">
	 <pre style="padding: 10px 15%;">
		 <code>
	 <span class="key"></span>
		<span class="comment"></span>
		<span class="key"></span>
		<span class="comment"></span>
		<span class="key"></span>
		<span class="comment"></span>
		<span class="key"></span>
		<span class="comment"></span>
		<span class="key"></span>
		<span class="comment"></span>
		<span class="key"></span>
		<span class="comment"></span>
	   	<span class="key"></span>
	 	<span class="comment"></span>
	   	<span class="key"></span>
	   	<span class="comment"></span>
		<span class="key"></span>
		<span class="key"></span>
	 	</code>
	 </pre>
	 </div>
	<script src="js/ThreeCanvas.js"></script>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="js/Snow.js"></script>
	<script src="js/snowFall.js"></script>
	<script>
		$.snowFall({
			//创建粒子数量，密度
			particleNo: 500,
			//粒子下拉速度
			particleSpeed:30,
			//粒子在垂直（Y轴）方向运动范围
			particleY_Range:1300,
			//粒子在垂直（X轴）方向运动范围
			particleX_Range:1000,
			//是否绑定鼠标事件
		    bindMouse: false,
		    //相机离Z轴原点距离
		    zIndex:600,
		  //摄像机视野角度
		    angle:55,
		    wind_weight:0
			});
	</script>
	<canvas>
	</canvas>
	<!-- 代码部分end -->
</body>
</html>